<!DOCTYPE HTML>
<html>
<head>
<title>人才来了，服务行业高效的招聘平台！</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- start header -->
	<div class="header">
			<header id="home">
				<div class="bg_mask">
				<div class="wrap clearfix">
					<div class="logo1"><img src="images/logo.png" alt="title" /></div>
					<h1>只为高效招聘而来</h1>
					<p>跟随微招聘潮流，优化招聘流程，为您提供高效的招聘方案！</p>	
					<h6> </h6>				
					<a href="#about" class="button scroll"><img src="images/down.png"></a>
					<div class="clear"> </div>
				</div>
				</div>
			</header>
	</div>	
			<nav class="nav_wrapper">
				<div class="wrap">
					<div class="logo"><img src="images/logo1.png" alt="logo" /></div>
					<a  class="header_toggle">Menu</a>
					<ul class="navigation">
						<li class="scroll"><a href="#home">首页</a></li>
						<li class="scroll"><a href="#about">如何</a></li>
						<li class="scroll"><a href="#services">服务</a></li>
						<li class="scroll"><a href="#team">遇见</a></li>
						<li class="scroll"><a href="#contact">申请入驻</a></li>
						<li><a  href="javascript:void(0);" onclick="location.href='http://www.rencailaile.com/company.php?s=/Login/sign_in'">企业登录</a></li>
						<li></li>
						
						<div class="clear"> </div>
					</ul>
					<div class="social_icons">
					<!-- <ul>
					<li class="in"><a ><span> </span></a></li>
							<li class="pro"><a ><span> </span></a></li>
							<li class="twitter"><a ><span> </span></a></li>
							<li class="facebook"><a ><span> </span></a></li>
					</ul> -->
				<!--	-->
					</div>
					<div class="clear"> </div>
				</div>
			</nav>
			
	<!--nav_js scripts-->
	<script src="js/jquery-latest.min.js"></script>
	<script type="text/javascript" src="js/modernizr.js"></script>
	<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
	<script type="text/javascript" src="js/jquery.singlePageNav.js"></script>
	<script type="text/javascript" src="js/jquery.sticky.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
	<!--end nav js-->
	<div class="about1">
	<div class="grids-of_4aman">
				<div class="wrap">
					<div class="grid_of_1">
						<a class=" icon cup" > </a>
						<div class="sub_grid">
							<span>185</span>
							<p>家企业入驻</p>
						</div>
						<div class="clear"> </div>
					</div>
					<div class="grid_of_1">
						<a class=" icon geren" > </a>
						<div class="sub_grid">
							<span>8125</span>
							<p>位人才关注</p>
						</div>
						<div class="clear"> </div>
					</div>
					<div class="grid_of_1">
						<a class=" icon chenggonglv" > </a>
						<div class="sub_grid">
							<span>75%</span>
							<p>面试成功率提升</p>
						</div>
						<div class="clear"> </div>
					</div>
					<div class="grid_of_1">
						<a class=" icon ok" > </a>
						<div class="sub_grid">
							<span>60%</span>
							<p>入职成功率提升</p>
						</div>
						<div class="clear"> </div>
					</div>
					<div class="clear"> </div>
				</div>
		</div>
	</div>
	<!--start-about-->
		<div class="about" id="about">
			<div class="wrap">
				<h2 style="font-size:2em;">高效招聘</h2>
				<h4 style="font-size:1.3em;padding-left: 20px;">不只是说说而已！</h4>
				<h6> </h6>
				<p class="para_a" style="font-size:1.2em;">根据我们多年的人力资源工作经验总结，及圈内热心人士的极力帮助，我们将通过下面的方式，确实有效的提高招聘效率！</p>
				<!---strat-top-grids---->
				<div class="top-grids">
					<div class="top-grid">
						<a class="icon shouji" > </a>
						<a >随时随地 <span>微招聘</span> </a>
						<p>你的招聘信息各大招聘网站满天飞，无奈的我没有电脑只能看手机，你的信息若在微信里，我定能随时随地给简历！</p>
					</div>
					<div class="top-grid">
						<a class="icon liaotian" > </a>
						<a >及时互动 <span>不错过</span></a>
						<p>当我投递简历给你时，你不在。当你查看我的简历时，我已经找到工作！对人的，不在对的时间，多可悲！</p>
					</div>
					<div class="top-grid">
						<a class="icon shengse" > </a>
						<a >有声有色 <span>省力气</span></a>
						<p>非得等到面试后才发现我的外貌不合适，我的普通话不标准，语言表达能力很差，如果在面试前就对我的长相、声音、基本资料有所了解，就不用浪费彼此的时间了。</p>
					</div>
					<div class="clear"> </div>
				</div>
				<!---End-top-grids-->
			</div>			
		<div class="clients">
			<div class="bg_mask1"> 
			<div class="wrap">
			<h3>我们的部分合作伙伴</h3>
			<h4 style="font-size: 1.5em;">感谢一路上有你们的陪伴</h4>
			<h6> </h6>
			<div class="clients_img">
				<ul id="flexiselDemo3">
			<li><img src="images/client1.png" /></li>
			<li><img src="images/client2.png" /></li>
			<li><img src="images/client3.png" /></li>
			<li><img src="images/client4.png" /></li>
			<li><img src="images/client5.png" /></li>
			<li><img src="images/client6.png" /></li>
			<li><img src="images/client7.png" /></li>
			<li><img src="images/client8.png" /></li>

		</ul>
		<script type="text/javascript" src="js/jquery.flexisel.js"></script>
		<script type="text/javascript">
		$(window).load(function() {
			$("#flexiselDemo3").flexisel({
				visibleItems: 5,
				animationSpeed: 1000,
				autoPlay: true,
				autoPlaySpeed: 3000,    		
				pauseOnHover: true,
				enableResponsiveBreakpoints: true,
		    	responsiveBreakpoints: { 
		    		
		    		portrait: { 
		    			changePoint:480,
		    			visibleItems: 1
		    		}, 
		    		landscape: { 
		    			changePoint:640,
		    			visibleItems: 2
		    		},
		    		tablet: { 
		    			changePoint:768,
		    			visibleItems: 3
		    		}
		    	}
		    });
		    
		});
	</script>
			</div>
		</div>
		</div>
		</div>
		</div>
	<!---end-about-->
	<!---start-services-->
	<div class="services" id="services">
		<h3 class="heading"> 至臻服务</h3>
		<p class="desc" style="font-size: 1.2em;">高效由下面这些优质功能共同组成</p>
		<h6> </h6>
		<div class="wrap">
		<div class="service_grids">
			<div class="grid1">
				<a class="icon sun" > </a>
				<div class="grid_sub">
					<h3>提升企业形象<span>微官网</span></h3>
					<h6> </h6>
					<p>“傻瓜式”的自定义菜单，让您轻松搞定自家企业的招聘中心，大大提升企业形象！</p>
				</div>
					<div class="clear"> </div>
			</div>
			<div class="grid1">
				<a class="icon tongbu" > </a>
				<div class="grid_sub">
					<h3>同步潮流趋势<span>微接口</span></h3>
					<h6> </h6>
					<p>提供各类微信接口，让您不懂程序也能轻轻松松建立自己的微信招聘服务，与潮流同步不落伍！</p>
				</div>
					<div class="clear"> </div>
			</div>
			<div class="grid1">
				<a class="icon shengse" > </a>
				<div class="grid_sub">
					<h3>简历有声有色<span>微简历</span></h3>
					<h6> </h6>
					<p>简历板块除基本信息外，增添了求职者近照及语音自我介绍，更加完善的简历信息让您精确筛选，高效提升入职率！</p>
				</div>
					<div class="clear"> </div>
			</div>
			<div class="grid1">
				<a class="icon kill" > </a>
				<div class="grid_sub">
					<h3>降低鸽子概率<span>烤鸽行动</span></h3>
					<h6> </h6>
					<p>约好的面试时间却迟迟不见踪影，最痛恨被放鸽子有木有？！我们正在进行烤鸽行动，简单便捷的应试反馈及诚信排序，省时省力远离鸽子！</p>
				</div>
					<div class="clear"> </div>
			</div>
			<div class="grid1">
				<a class="icon earth" > </a>
				<div class="grid_sub">
					<h3>曝光招聘信息<span>微渠道</span></h3>
					<h6> </h6>
					<p>常规招聘渠道！高效品牌求职！二维码宣传！朋友圈转发！好友介绍等多渠道最大化曝光招聘信息，广罗天下人才！</p>
				</div>
					<div class="clear"> </div>
			</div>
			<div class="grid1">
				<a class="icon xiangshang" > </a>
				<div class="grid_sub">
					<h3>提高面试效率<span>微预约</span></h3>
					<h6> </h6>
					<p>通过微信预约，能够及时有效快速地确定求职者是否可以面试及安排面试时间，有效提高面试效率！</p>
				</div>
					<div class="clear"> </div>
			</div>
			<div class="clear"> </div>
		</div>
		</div>
	<div class="slider2">
		<div class=" bg_mask1 bg_mask2">
			<div class="wrap">
				<p><img src="images/lg.png">人才来了——不是一个人一家公司的力量，而是众多资深人事在日常招聘工作中智慧的结晶！<img src="images/lg.png"> </p>
				<h5> </h5>
				<h4></h4>
			</div>
		</div>
	</div>
	</div>
	<!--end-services-->
	<!--start-team-->
	<div class="team" id="team">
		<h3 class="heading"> 遇见...圈子</h3>
		<p class="desc" style="font-size:1.2em;">他们真的很棒！</p>
		<h6> </h6>
		</div>
	
		<div class="team_members">
			<div class="wrap">
				<div id="owl-demo" class="owl-carousel">
		<div class="item" >
			<div class="carousel">
		  	    	  	<a class="popup-with-zoom-anim" >
						<img src="images/1.jpg" alt="Image 1"/>
						</a>
		  	    	    <!--place-caption-info-->
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4><a >Delay.Hsiao</a></h4>
			  	    	    	 	<span>技术大牛，人才来了开发者</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="caption-info-head-right">
		  	    	    	 		<ul>
										<!--<li class="twitter"><a ><span> </span></a></li>
										<li class="facebook"><a ><span> </span></a></li>-->
										<div class="clear"> </div>
									</ul>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
		  	    	     <!--//place-caption-info-->
		  	   </div>
		</div>	
		<div class="item">
			<div class="carousel">
		  	    	    <a class="popup-with-zoom-anim" >
						<img src="images/2.jpg" alt="Image 1"/>
						</a>
		  	    	    <!--place-caption-info-->
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4><a >魏宣</a></h4>
			  	    	    	 	<span>全国十大家具品牌楷模家具</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="caption-info-head-right">
		  	    	    	 		<ul>
										人事总监
										<div class="clear"> </div>
									</ul>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
		  	    	     <!--//place-caption-info-->
		  	   </div>
		</div>	
		<div class="item">
			<div class="carousel">
		  	    	    <a class="popup-with-zoom-anim" >
						<img src="images/3.jpg" alt="Image 1"/>
						</a>
		  	    	    <!--place-caption-info-->
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4><a >徐捷麟</a></h4>
			  	    	    	 	<span>德国艾仕壁纸</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="caption-info-head-right">
		  	    	    	 		<ul>
										HR
										<div class="clear"> </div>
									</ul>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
		  	    	     <!--//place-caption-info-->
		  	   </div>
		</div>	
		<div class="item">
			<div class="carousel">
		  	    	    <a class="popup-with-zoom-anim" >
						<img src="images/4.jpg" alt="Image 1"/>
						</a>
		  	    	    <!--place-caption-info-->
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4><a >杨青</a></h4>
			  	    	    	 	<span>华科国际进出口贸易</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="caption-info-head-right">
		  	    	    	 		<ul>
										人事经理
										<div class="clear"> </div>
									</ul>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
		  	    	     <!--//place-caption-info-->
		  	   </div>
		</div>	

	</div>
			</div>
		</div>
	<!-- Owl Carousel Assets -->
		<link href="css/owl.carousel.css" rel="stylesheet">
		     <!-- Owl Carousel Assets -->
		    <!-- Prettify -->
		    <script src="js/owl.carousel.js"></script>
		        <script>
		    $(document).ready(function() {
		
		      $("#owl-demo").owlCarousel({
		        items : 3,
		        lazyLoad : true,
		        autoPlay : true,
		        navigation : true,
			    navigationText : ["",""],
			    rewindNav : false,
			    scrollPerPage : false,
			    pagination : true,
    			paginationNumbers: false,
		      });
		
		    });
		    </script>
		   <!-- //Owl Carousel Assets -->
	<!--end-team-->

        <!---portfolio_pop_up-->
        <div id="small-dialog2" class="mfp-hide">
					<div class="pop_up2">
					<div class="p-inline-content" >
                                <div class="p-left-col">
                                    <ul class="clearfix">
                                        <li><img src="images/RoranPreview.jpg" alt="" /></li>
                                        
                                    </ul>
                                </div><!--end:p-left-col-->
                                <div class="p-right-col">
                                    <div class="sticky-col">
                                        <header>
                                            <h3 class="pf-detail-title">Grid template</h3>
                                            <a >http://goo.gl/7sHm9l</a>
                                        </header>
                                        <ul class="social-link clearfix">
                                            <li><a ><img src="images/Facebook.png" alt="" /></a></li>
                                            <li><a ><img src="images/Dribbble.png" alt="" /></a></li>
                                            <li><a ><img src="images/Google.png" alt="" /></a></li>
                                            <li><a ><img src="images/Twitter.png" alt="" /></a></li>
                                            <li><a ><img src="images/Foursquare.png" alt="" /></a></li>
                                            <div class="clear"> </div>
                                        </ul>
                                        <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
                                    </div><!--end:sticky-col-->
                                </div><!--end:p-right-col-->
                                <div class="clear"> </div>
                            </div>
                           </div>
           </div>
           <!--end_pop_up-->
    </div><!--end:cbp-so-scroller-->
      <!-- portfolio_script_javascript-->
    <script src="js/jquery.isotope.min.js"></script> 
    <script src="js/jquery.prettyPhoto.js"></script>     
	<script src="js/custom.js"></script>  
   
  
	<!---contact-->
	<div class="contact" id="contact">
		<div class="contact-bg">
				<div class="tool_tip">
					<a ><img src="images/logo2.png"/></a>
				</div>
			
				<div class="wrap">
					<div class="form">
					<div class="contact-form">
							<form method="post" action="contact-post.html">
								 		 <div>
									    	<span><label>姓名</label></span>
									    	<span><input name="userName" type="text" class="textbox"></span>
									    </div>
									    <div>
									    	<span><label>邮箱</label></span>
									    	<span><input name="userEmail" type="text" class="textbox"></span>
									    </div>
									    <div>
									     	<span><label>电话</label></span>
									    	<span><input name="userPhone" type="text" class="textbox"></span>
									    </div>
									    <div>
									    	<span><label>观点、意见、建议</label></span>
									    	<span><textarea name="userMsg"> </textarea></span>
									    </div>
									   <div>
									   		<span><input type="submit" value="申请入驻" style="font-size: 0.9em;"></span>
									  </div>
								</form>			
					</div>
					<div class="address">
						<h3 class="heading">发表观点，享受 <font color="red">7天</font> 免费体验</h3>
						<p></p>
						<p style="margin:0px 25px;">人才来了，力致于打造一个高效的招聘平台。<br/>我们需要大家的积极反馈以及对招聘行业的意见看法！发表您的观点，为高效加分！</p>
						<div class="c_grids">
						<img src="images/getqrcode.jpg" />
						<p style="margin:0em 6em;color:#979797;font-size:1em;">微信扫一扫，人才轻松招</p>	
						</div>
					</div>				
				<div class="clear"> </div>
				</div>
			</div>
		</div>
	</div>
	<!--end-contact-->
	<div class="footer">
   	    <div class="wrap">
   	    	<div class="footer-left">
				<div class="copy">
			       <p>&copy; 人才来了 海营之家</p>
		        </div>
			</div>
			<div class="social_icons social">	
	           <ul>
					<li class="in"><a href="http://www.rencailaile.com/haiying.php?s=/Login/sign_in"><span> </span></a></li>
				</ul>
		   </div>
		   <div class="clear"> </div>
	    </div>
	    <!-- scroll_top_btn -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
	    <script type="text/javascript">
			$(document).ready(function() {
			
				var defaults = {
		  			containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear' 
		 		};
				
				
				$().UItoTop({ easingType: 'easeOutQuart' });
				
			});
		</script>
		<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>

		 <a  id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>

   </div>
</body>
</html>
